@import "./topic-list";
@import "./topic-detail";

.topics-wrapper {
  display: flex;

  .topics-nav {
    margin-right: 10px;
  }

  .topics-main {
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    .topics-nav {
      display: none;
    }
  }
}

.topic-create-form {
  background: var(--bg-color);
  padding: 30px;

  .topic-tag {
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    // height: 25px;
    padding: 2px 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--bg-color3);
    border: 1px solid var(--border-color);
    color: var(--text-color3);
    font-size: 14px;
    font-weight: 700;

    &:hover {
      color: var(--text-link-color);
      background: var(--bg-color2);
      // border: 1px solid var(--border-hover-color);
    }

    &.selected {
      color: var(--text-color5);
      background: var(--text-link-color);
    }
  }
}